@charset "utf-8";
html { scrollbar-face-color : #F5F5F5; scrollbar-arrow-color : #A0A0A0; }
img { border: 0px; }
* { margin: 0; padding: 0; }
fieldset, img { border: 0; }
li { list-style: none; }
img, button, input, select, textarea, checkbox, radio { vertical-align: middle;  }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, samp { font-family: courier new, courier, monospace; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 2em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.38em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; font-style: italic; }
address, cite, dfn, em, var { font-style: normal; }
caption, td { font-weight: normal; }
cite, blackquote, em, i { font-style: italic; }
strong, b { font-weight: bold; }
pre, code { font-family: monospace; font-size: 1.1em; }
input {  }
textarea {  line-height: 22px; padding: 0px 10px; }
.floatleft { float: left; }
.floatright { float: right; }
a { color: #435884; text-decoration: none; }
a:link { color: #333; text-decoration: none; }
a:hover { color: #3399FF; text-decoration: none; }
body,html {  overflow-x:hidden; font-family:'微软雅黑'; background:#f4f4f4 url(../images/c_bg.gif) left top repeat-y; font-size:12px;}
.box { width: 100%; margin: 0px auto; padding: 0px auto; }
.icons {  margin: 0px auto; padding: 10px 20px 5px 0px; text-align: right; }
.icons img { border: 1px solid #ccc; }

.clear {clear:both; }
/* 页头 */

#header { padding: 10px 10px 0px; height: 60px;  background:#1c2b36 url(../images/admin_logo.png) 18px 10px no-repeat; }
.logo { float: left; margin: 10px 15px; width:200px;}
.top_right { float: right; width: 300px; height: 25px; line-height: 25px; margin: 6px; padding-right: 35px; text-align: right;  color: #A3A3A3; background:url(../images/avatar.gif) right center no-repeat;}
.top_right span { color: #FFF; }
.top_right a { color: #FFF; }
.top_right strong { color: #0aa1e6;font-weight:normal; }
/* 导航 */

#nav { clear:both; padding:0px 5px; height: 35px;/* background:#04243a url(../images/nav_bg.gif) center bottom no-repeat;*/background-color:#0aa1e6;}
#nav ul { clear:both; float: left; height: 35px; margin-left: 195px; -margin-left:95px; padding-left: 38px; }
#nav li { display: inline; float: left; height: 35px; line-height: 35px; }
#nav a { display: block; _display: inline; padding:0px 10px; font-size: 14px; color: white; font-weight: weight; }
#nav a:hover { color: #0aa1e6;background-color:#fff; }
#nav li.on { padding:0px 8px; background:white;/* border-right:2px solid #04243a; */color:#04243a; }
#nav li.on a {color:#04243a;}
#website { float: right; height:22px; border:none; padding:0px 5px; margin: 11px 10px 0px 10px;  background:#1285ca; color:white;}
option.website {height:32px;line-height:32px;}
#c { clear:both; }
/* 当前位置 */

#position {clear:both;  height: 35px; line-height: 35px; padding: 0px 0px 0px 210px; background:white;  overflow:hidden;}
#position .position { float: left; height: 35px; line-height: 35px; padding-left: 20px; background: url(../images/position_ico.gif) left center no-repeat; }
.position a,.position span { float: left; padding: 0px 25px 0px 15px; background:url(../images/position_a_bg.gif) right center no-repeat;}
#position .quick { float: right;  }
#position .quick a { display: block; float: left; width: 71px; height: 35px; line-height: 35px; padding: 0px; text-align: center; }
#position .quick a:visited { color: #333; text-decoration: none; }
#position .quick a.on, #position .quick a:hover { color: white; background:#8bb9dc; }
#position .quick a.on:visited { color: white; }
/* 左侧 */

#left { float: left; width: 200px; overflow:hidden; background:#1c2b36; position:absolute;/*top:128px;*/left:0;}
/* 左侧菜单 */

#menu {  }
#menu h5, #menu dt { clear: both; height: 38px; line-height: 38px; margin-bottom: 8px; padding-left: 20px; font-size: 14px; color: #869fb1; }
#menu h5 { margin-top: 8px; }

#menu dd { margin: 1px;  }
#menu dd a { display: block; height: 38px; line-height: 38px;   background:url(../images/left_menu_dd.png) center bottom no-repeat;  _background:none; _border-bottom:1px dotted #16232d;}
#menu dd span { display: block; padding-left: 15px; color: #96abbb;   }
#menu dd.on a, #menu dd a:hover { font-weight: bold;  background:#16232d url(../images/one_dd_hover.gif) right center no-repeat; }
/*#menu dd a span { background: url(../images/ico_00.png) 20px center no-repeat; _background: url(../images/ico_00.gif) 20px center no-repeat;}*/
/*#menu dd a span.d1 { background: url(../images/ico_01.png) 20px center no-repeat;  _background: url(../images/ico_01.gif) 20px center no-repeat; }*/
/*#menu dd a span.d2 { background: url(../images/ico_02.png) 20px center no-repeat;  _background: url(../images/ico_02.gif) 20px center no-repeat; }*/
/*#menu dd a span.d3 { background: url(../images/ico_03.png) 20px center no-repeat; _background: url(../images/ico_03.gif) 20px center no-repeat;}*/
/*#menu dd a span.d4 { background: url(../images/ico_04.png) 20px center no-repeat;  _background: url(../images/ico_04.gif) 20px center no-repeat;}*/
/*#menu dd a span.d5 { background: url(../images/ico_05.png) 20px center no-repeat;_background: url(../images/ico_05.gif) 20px center no-repeat;  }*/
/*#menu dd a span.d6 { background: url(../images/ico_06.png) 20px center no-repeat; _background: url(../images/ico_06.gif) 20px center no-repeat; }*/
/*#menu dd a span.d7 { background: url(../images/ico_07.png) 20px center no-repeat;  _background: url(../images/ico_07.gif) 20px center no-repeat;}*/
/*#menu dd a span.d8 { background: url(../images/ico_08.png) 20px center no-repeat; _background: url(../images/ico_08.gif) 20px center no-repeat;}*/
/*#menu dd a span.d9 { background: url(../images/ico_09.png) 20px center no-repeat;_background: url(../images/ico_09.gif) 20px center no-repeat;  }*/
/*#menu dd a span.d10 { background: url(../images/ico_10.png) 20px center no-repeat; _background: url(../images/ico_10.gif) 20px center no-repeat; }*/
/*#menu dd a span.d11 { background: url(../images/ico_11.png) 20px center no-repeat;_background: url(../images/ico_11.gif) 20px center no-repeat;  }*/
/*#menu dd a span.d12 { background: url(../images/ico_12.png) 20px center no-repeat; _background: url(../images/ico_12.gif) 20px center no-repeat;  }*/
/*#menu dd a span.d13 { background: url(../images/ico_13.png) 20px center no-repeat;_background: url(../images/ico_13.gif) 20px center no-repeat; }*/
/*#menu dd a span.d14 { background: url(../images/ico_14.png) 20px center no-repeat; _background: url(../images/ico_14.gif) 20px center no-repeat;}*/
/*#menu dd a span.d15 { background: url(../images/ico_15.png) 20px center no-repeat;_background: url(../images/ico_15.gif) 20px center no-repeat; }*/
/*#menu dd a span.d16 { background: url(../images/ico_16.png) 20px center no-repeat; _background: url(../images/ico_16.gif) 20px center no-repeat;}*/

#menu dl.l_1 { }
#menu dl.l_1 dd { height: 38px; line-height: 38px; margin: 0px; padding: 0px;  overflow: hidden;background:url(../images/left_menu_dd.png) center bottom no-repeat;   _background:none; _border-bottom:1px dotted #16232d;}
#menu dl.l_1 dd a { display: block; height: 38px; line-height: 38px; padding-left: 0px; color: white; background: none; }
#menu dl.l_1 dd.on, #menu dl.l_1 dd a:hover, #menu .l_1 dd a.d0  { font-weight: bold; background:#16232d url(../images/one_dd_hover.gif) right center no-repeat; color:white; }

/* 右侧 */

#right { float: left; width:100%;  height:auto; background:#f4f4f4 url(../images/c_bg.gif) left top repeat-y; overflow:hidden;}
.right {  margin:10px 10px 10px 210px; }

.right_box { width: auto;  margin: 10px 0px 0px 10px; padding: 10px; border: 1px solid #DDD;  }
/* 右侧页底 */
.right_bottom { clear: both; height: 80px;  }
.right_bottom span { clear: both; height: 80px;  display: block; }
/* tab切换 */

.tags { clear: both; margin: 15px 15px 15px 0px; }
#tagscontent{margin: 15px 15px 15px 0px; }
#tagstitle { height: 42px; line-height: 42px;/* margin: 20px 5px 15px 10px;*/ }
#tagstitle a { float: left; width: 90px; height: 42px; line-height: 38px; background: url(../images/tab_line.gif) right center no-repeat; text-align: center;  color: #333; }
#tagstitle a.hover { width: 95px; background: url(../images/tab_a_on.gif) left top no-repeat; font-weight: bold; text-shadow: #CCCCCC 1px 1px 1px; FILTER: dropshadow(color=#B4BBCF, offx=6, offy=6, positive=1); }
.tips { color: #7D7D7D; }
/* 表格 */

#table, #table_1, #table_2, #table_3, #table_4, #table_5, #table_6, #table_7, #table_8, #table_field {  _width: 100%; }
#table .left, #table_field .left { width: 150px; text-align: right; padding-right: 10px; }
#table tr.th th, #table1 tr.th th, #table2 tr.th th, #table3 tr.th th, #table4 tr.th th, #table5 tr.th th, #table6 tr.th th, #table7 tr.th th, #table8 tr.th th { height: 28px; line-height: 28px; color: white; font-weight: normal; background:#7266ba; }
#table td, #table1 td, #table2 td, #table3 td, #table4 td, #table5 td, #table6 td, #table7 td, #table8 td, #table_field td { padding: 8px 5px; }

.blank5, .blank10, blank20 { clear: both; height: 5px; }
.blank10 { height: 10px; }
.blank20 { height: 20px; }
.blank30 { height: 30px; }
.padding10 { padding: 10px; }
/************* 分页 */
.page { clear: both; margin: 30px 0px 0px; }
.page strong { color: #FFF; display: block; float: left; height: 18px; line-height: 18px; float: left; padding: 0px 8px; background: #ccc; border: 1px solid #ccc; margin: 0px 3px 0px 0px; }
.page a { display: block; float: left; height: 18px; line-height: 18px; float: left; padding: 0px 8px; border: 1px solid #CCC; text-decoration: none; margin: 0px 3px 0px 0px; color: #555; }
.page span { float: right; }
/* 页底 */

#footer { clear: both; }
.copy { clear: both; float:right; width: 158px; height: 26px; line-height: 26px; margin-right:20px;  padding:0px 15px;
  text-align:center;
  background:#eee;
  color:#999;
  border-radius: 5px 5px 5px 5px;
  }
.copy a { color: #999; }
/* 综合 */


/* 按钮 */

#right select,
.select,
#right .select, 
#right #parentid, 
#tag_option,
#right #spid,
#province_id,
#city_id,
#replacel,
#stable,
#section_id
{ 
height: 29px; _height:32px; line-height:29px; _line-height:32px; margin: 0px; padding: 0px 0px 0px 10px; 
border-radius: 3px 3px 3px 3px;
border:1px solid #ccc;
}

#right #city_id {margin:0px 10px;}

#right .input,
#right .form-control,
#right #htmlrule, 
#right #listhtmlrule, 
#pcolor, 
#right #stype, 
#right #typename, 
#right #tagname, 
#right #htmldir, 
#right #meta_title, 
#right #keyword, 
#right #linkto, 
#right #username, 
#right #nickname, 
#right #question, 
#right #answer, 
#right #qq, 
#right #e_mail, 
#right #tel, 
#right #title,
#right #subtitle,
#right #ecoding,
#right #author, 
#right #tag, 
#right #attr3,
#right #mtitle, 
#right #keyword, 
#right #adddate,
#right #groupid, 
#right #name,
#right #listorder,
#right #url,
#right #logo,
#right #linkword,
#right #linkurl,
#right #linkorder,
#right #linktimes,
#right #phpweb_prefix,
#right #where,
#right #cname,
#outtime 
{ width: 292px; height: 29px; line-height: 29px; padding-left: 10px; border: 1px solid #ccc;  border-radius: 3px 3px 3px 3px;}

#right #htmlrule, #right #listhtmlrule { width: 302px; border-radius: 3px 3px 3px 3px;}

#attr2,
#right .input_d, 
#right #discount,  

#search_title
{ width: 190px; height: 29px; line-height: 29px; padding: 0px 10px; border: 1px solid #ccc;  border-radius: 3px 3px 3px 3px;}

#right #aid_start,
#right #aid_end,
#right .table_input_c .input, 
#right .table_input_c .form-control,
#right .input_c, 
#thumb_width, #attr3, 
#right #thumb_width,  
#right #thumb_height 
{ width: 39px; height: 21px; line-height: 21px; padding: 0px 10px; border: 1px solid #ccc;  border-radius: 3px 3px 3px 3px;}

#right .radio { margin-left: 8px; }
#right radio#catname  #right .checkbox { width: 14px; height: 14px; }
#right .textarea, #description, #introduce, #tagcontent { width: 468px; overflow: visible; min-height: 100px; word-break: break-all; padding: 10px; line-height: 180%;  border: 1px solid #ccc; border-radius: 3px 3px 3px 3px;}
#right textarea#tagcontent { min-height: 200px; height: auto !important; height: 200px; overflow: visible; border-radius: 3px 3px 3px 3px;}
#right .textarea_b { width: 508px; height: 230px; margin-right: 90px; padding: 10px; border: 1px solid #ccc; border-radius: 3px 3px 3px 3px;}
#right .btn_a {color: white;  background:#8bb9dc;line-height:28px;padding:0px 20px;border-radius: 3px 3px 3px 3px;color:white;text-align:center; border: 1px solid #6aa7d2; text-align: center; cursor: pointer; font-size:12px;}
#right .btn_b {  height: 30px; line-height: 30px; padding:0px 20px;color: #fff; background:#c1c1c1; border: 1px solid #999; text-align: center; cursor: pointer;border-radius: 3px 3px 3px 3px; }
#right .btn_c { height: 30px; line-height: 30px; padding:0px 20px 0px 40px;color: white; background:#23b7e5 url(../images/btn_03.gif) 3px -1px no-repeat; border: 1px solid #23b7e5; text-align: center; cursor: pointer; font-weight:bold; border-radius: 50px 50px 50px 50px;}
#right .btn_d {  height: 29px; line-height: 29px; margin: 0px 2px; padding:0px 20px;background:#23b7e5; border: 1px solid #23b7e5; border-radius: 3px 3px 3px 3px; color: white;  }
#right .btn_e {  margin: 0px 2px;padding:0px 20px;height:29px; line-height:29px; border-radius: 3px 3px 3px 3px; color: white;   text-align:center; background:#ccc; border:1px solid #ccc;font-size:12px;}
#right .btn_f {  margin: 0px 2px;padding:0px 20px;height:29px; line-height:29px; border-radius: 3px 3px 3px 3px; color: white;   text-align:center; background:#f05050; border:1px solid #f05050;font-size:12px;}
a.btn_b,.btn_c,a.btn_d,a.btn_e,a.btn_e { display: block; float: left;   text-align:center;font-size:12px;}





#right #htmlrule:hover, 
#right #listhtmlrule:hover, 
#pcolor:hover, 
#right #stype:hover, 
#right #typename:hover, 
#right #tagname:hover, 
#right #htmldir:hover, 
#right #meta_title:hover, 
#right #keyword:hover, 
#right #linkto:hover, 
#right #username, 
#right #nickname, 
#right #question:hover, 
#right #answer:hover, 
#right #qq:hover, 
#right #e_mail:hover, 
#right #tel:hover, 
#right #title:hover,
#right #ecoding:hover,
#right #author:hover, 
#right #tag:hover, 
#right #attr3:hover,
#right #mtitle:hover, 
#right #keyword:hover, 
#right #adddate:hover,
#right #groupid:hover, 
#right #name:hover,
#right #listorder:hover,
#right #url:hover,
#right #logo:hover,
#right #linkword:hover,
#right #linkurl:hover,
#right #linkorder:hover,
#right #linktimes:hover,
#right #phpweb_prefix:hover,
#right #where:hover,
#right #cname:hover,
#outtime:hover,
#search_title:hover,
#right select:hover,
#right textarea:hover,
#right input:hover,
#template div img:hover, 
#list-view .highlight

{
border: 1px solid #6aa7d2;
-moz-box-shadow:0px 0px 10px #A5C7FE;
-webkit-box-shadow:0px 0px 10px #A5C7FE;
box-shadow:0px 0px 10px #A5C7FE;
}
#img_upload:hover input:hover {border:none;-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;}

/* 上传框 */
#right #img_upload { float: left; width: 306px; height: 29px; background: url(../images/input_bg_b.gif) left top no-repeat; }
#right .upload_text { width: 236px; height: 20px; line-height: 20px; padding: 0px 10px; border: none;  margin: 0px 2px; }
#right #spanButtonPlaceHolder_site_logo, #right .upload_btn { position: relative; z-index: 1000; width: 36px; height: 29px; background: url(../images/upload_btn.gif) left top no-repeat; border: none; }
/* 模板列表 */

#template { clear: both; }
#template .template_box { float: left; margin: 0 5px 10px; width: 158px; height: 220px; margin: 5px 6px; text-align: center; display: block; line-height: 1em; }
#template .img-wrap { width: 154px; height: 150px; text-align: center; display: table-cell; vertical-align: middle; *display:block;
*font-size:138px;
*font-family:Arial;
}

#template .img-wrap img {  max-width:138px;
 width:expression(document.body.clientWidth>138?"138px":"auto");
 max-height:150px;
height:expression(document.body.clientHeight>150?"150px":"auto"); vertical-align: middle; padding: 5px; border: 1px solid #CCC; _border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#template div img:hover, #list-view .highlight { border: 1px solid #6aa7d2; }
#template .t_box { height: 170px; width: 216px; _border: 1px solid #CCC; overflow: hidden; }
/* 内容页多图 */

#pics0_preview img, #pics1_preview img, #pics2_preview img, #pics3_preview img, #pics4_preview img, #pics5_preview img, #pics6_preview img, #pics7_preview img, #pics8_preview img, #pics9_preview img, #pics10_preview img, #pics11_preview img { width: 300px; }
#content-recommend input { margin-left: 6px; }
/* 上传图片div样式*/
#idBoxOpen { cursor: pointer; }
.lightbox { position: relative; width: 670px; height: 350px; line-height: 24px; top: 10%; left: 15%; z-index: 1000; overflow: hidden; background: white url(../images/upload_img_bg.gif) left top repeat-x; border: 1px solid #ccc;  }
#idBoxCancel { width: 24px; height: 24px; background: url('../images/no.gif') left center no-repeat; float: right; border: none; }
.lightbox .box_nav { float: left; width: 620px; height: 24px; line-height: 24px; padding: 0px 0px 0px 15px; overflow: hidden; }
.lightbox .box_con { }
.lightbox .box_nav a { display: block; float: left;  text-align: center; width: 80px; height: 24px; line-height: 24px; color: #333; }
.box_nav_on { height: 24px; font-weight: bold; background: white; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
.box_nav_out { }
.lightbox .box_con .box_main { width: 668px; height: 303px; overflow: auto; overflow-x: hidden; }
.lightbox .image_show img { cursor: pointer; width: 130px; height: 120px; margin: 10px; border: 0; }
.lightbox .box_button { background-color: #F3F4F5; border: 1px solid #CCD4DC; color: #4D637F; cursor: pointer;  height: 22px; line-height: 20px; margin-right: 6px; padding: 0 12px; }
#box_con_0 { clear: both; height: 315px; background: url(../images/box_con_0_bg.gif) center center no-repeat; }
#box_con_1, #box_con_2, #box_con_3 { clear: both; padding: 10px 10px 10px 0px; }
#image_show { border: 1px solid #ccc; }
/* 提示框 */
.hotspot { cursor: pointer;font-size:12px; }
.hotspot img {margin-top:-9px}
#tt { position: absolute; display: block; background: url(../images/tt_left.gif) top left no-repeat;font-size:12px; }
#tttop { display: block; height: 5px; margin-left: 5px; background: url(../images/tt_top.gif) top right no-repeat; overflow: hidden }
#ttcont { display: block; padding: 2px 12px 3px 7px; margin-left: 5px; background: #666; color: #FFF }
#ttbot { display: block; height: 5px; margin-left: 5px; background: url(../images/tt_bottom.gif) top right no-repeat; overflow: hidden }
/* 列表按钮 */

.a_view { display: block; float: left; width: 31px; height: 30px; background: url(../images/view_on.gif) center center no-repeat; }
.a_view:hover { background: url(../images/view_hover.gif) left top no-repeat; }
.a_edit { display: block; float: left; width: 31px; height: 30px; background: url(../images/edit_on.gif) center center no-repeat; }
.a_edit:hover { background: url(../images/edit_hover.gif) left top no-repeat; }
.a_add_category { display: block; float: left; width: 31px; height: 30px; background: url(../images/add_category_on.gif) center center no-repeat; }
.a_add_category:hover { background: url(../images/add_category_hover.gif) left top no-repeat; }
.a_add_content { display: block; float: left; width: 31px; height: 30px; background: url(../images/add_content_on.gif) center center no-repeat; }
.a_add_content:hover { background: url(../images/add_content_hover.gif) left top no-repeat; }
.a_management { display: block; float: left; width: 31px; height: 30px; background: url(../images/management_on.gif) center center no-repeat; }
.a_management:hover { background: url(../images/management_hover.gif) left top no-repeat; }
.a_del { display: block; float: left; width: 31px; height: 30px; border: none; background: url(../images/del_on.gif) center center no-repeat; }
.a_del:hover { background: url(../images/del_hover.gif) left top no-repeat; }
/* 提示信息 */
#message { position: absolute; top: 55px; left: 42%; width: 255px; line-height: 26px; padding-top: 6px; text-align: left; background: url(../images/message_top.gif) left top no-repeat;  color: #4169E1; }
#message_a { line-height: 30px; margin: 0px 15px 0px 0px; padding: 10px 10px 10px 30px; text-align: left; border: 1px solid #98C700; background: #EFFEB9 url(../images/message_ico.gif) 8px center no-repeat; color: #4169E1; }
#message_bg { width: 240px; padding: 10px; background: url(../images/message_bg.gif) left top repeat-y; }
#message_bt { height: 18px; background: url(../images/message_bt.gif) left top no-repeat; }
#message a, #message_a a { font-size: 10px; color: #4169E1; }

.copyright a { clear: both; color: #b3b3b3; }

.child {display:block;width:18px;height:28px;line-height:28px;float:right;cursor:pointer;margin-right:20px;background:url(../images/folder.gif) left center no-repeat;}

@font-face {
    font-family: 'jyscms-admin';  /* project id 267608 */
    src: url('//at.alicdn.com/t/font_z6182b9t4drnewmi.eot');
    src: url('//at.alicdn.com/t/font_z6182b9t4drnewmi.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_z6182b9t4drnewmi.woff') format('woff'),
    url('//at.alicdn.com/t/font_z6182b9t4drnewmi.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_z6182b9t4drnewmi.svg#iconfont') format('svg');
}

.jyscms-admin{
    font-family:"jyscms-admin";
    font-size:16px;
    font-style:normal;
}
.icon0:before{
    content: "\e7bc";
}
.icon1:before{
    content: "\e7c2";
}
.icon2:before{
    content: "\e7b4";
}
.icon3:before{
    content: "\e7b6";
}
.icon4:before{
    content: "\e7b6";
}
.icon5:before{
    content: "\e7b6";
}
.icon6:before{
    content: "\e7b6";
}
.icon7:before{
    content: "\e7b6";
}
.icon8:before{
    content: "\e7b6";
}
.icon9:before{
    content: "\e7b6";
}
.icon10:before{
    content: "\e7b6";
}
.icon11:before{
    content: "\e7b6";
}
.icon12:before{
    content: "\e7b6";
}
.icon13:before{
    content: "\e7b6";
}
.icon14:before{
    content: "\e7b6";
}
.icon15:before{
    content: "\e7b6";
}
.icon16:before{
    content: "\e7b6";
}
.icon17:before{
    content: "\e7b6";
}
.icon18:before{
    content: "\e7b6";
}
.icon19:before{
    content: "\e7b6";
}
.icon20:before{
    content: "\e7b6";
}

.icon0,.icon1,.icon2,.icon3,.icon4,.icon5,.icon6,.icon7,.icon8,.icon9,.icon10,.icon11,.icon12,.icon13,.icon14,.icon15,.icon16,.icon17,.icon18,.icon19,.icon20{font-size:14px;width:55px;text-align: center;position: relative;float: left;overflow: hidden;line-height: 38px;}
.icon0{color:#564aa3;}
.icon1{color:#1797be;}
.icon2{color:#51c6ea;}
.icon3{color:#27c24c;}
.icon4,.icon5,.icon6,.icon7,.icon8,.icon9,.icon10{color:#869fb1;}














